<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

        <!-- retina.js -->
        <script type="text/javascript" src="js/retina/retina.js"></script>

        <!-- Media query images -->
        <script src="js/matchmedia.js"></script>
        <script src="js/picturefill.js"></script>

    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Project name</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="storia.html">Udine</a></li>
                            <li><a href="intermedia-eventi.html">Eventi</a></li>
                            <li><a href="intermedia-ristoranti.html">Gastronomia</a></li>
                            <li><a href="dormire.html">Ospitalit&agrave;</a></li>
                            <li class="active"><a href="intermedia.html">Percorsi</a></li>
                            <li><a href="servizi.html">Servizi</a></li>
                            <li><a href="index_test.html">Mappa</a></li>
                        </ul>                        
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <div id="header">
            <div id="main_message">
                <p>Scegli i tuoi<br />percorsi</p>
            </div>
            <span id="main_image" id data-picture data-alt="Castello di Udine">
                <span data-src="img/storia/small.jpg"></span>
                <span data-src="img/storia/medium.jpg" data-media="(min-width: 800px)"></span>
                <span data-src="img/storia/large.jpg" data-media="(min-width: 1600px)"></span>
                <span data-src="img/storia/xlarge.jpg" data-media="(min-width: 2000px)"></span>

                <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                <noscript><img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript>
            </span>            
        </div>

        <div class="container">
            <div class="row">
                <div class="span4">
                    <ul class="breadcrumb">
                        <li><a href="#">Home</a> <span class="divider">»</span></li>
                        <li class="active">Percorsi</li>              
                    </ul>
                </div>

                <div class="span4 offset4">
                    
                </div>
            </div>            
        </div>

    <div class="separate">
        <div class="container">
            <div class="row intermedio">
                <div class="span12">
                    <h2>Naturalistici</h2>
                    <hr />
                </div>

                <div class="span4 element_img">                                        
                    <span data-picture data-alt="Castello di Udine">
                        <span data-src="img/percorsi/test_980.jpg" data-media="(max-width: 980px)"></span> 
                        <span data-src="img/percorsi/test768.jpg" data-media="(min-width: 768px)"></span>
                        <span data-src="img/percorsi/test768_2.jpg" data-media="(min-width: 768px) and (max-width: 979px)"></span>                         
                        <span data-src="img/percorsi/test_1200.jpg" data-media="(min-width: 1200px)"></span>

                        <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                        <noscript><img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript>
                    </span>
                </div>                

                <div class="span4">
                    <p>Attraverso questo percorso sarà possibile scoprire la natura cittadina, sia grazie alla bellezza dei suoi giardini che alla tranquillità dei parchi. Proponiamo due tipi di percorsi, “I giardini cittadini”, che offrono la possibilità ai turisti o ai cittadini di godere di un po’ di aria pulita e “Sport all’aria aperta” per chi volesse invece maggiore attività.</p>
                </div>

                <div class="span4">
                    <ul>
                        <li><a class="btn" href="#">I giardini cittadini »</a></li>
                        <li><a class="btn" href="#">Sport all'aria aperta »</a></li>
                    </ul>
                    <p></p>
                </div>
            </div>
        </div>
    </div>
        

    <div class="separate">
        <div class="container">
            <div class="row intermedio">
                <div class="span12">
                    <h2>Culturali</h2>
                    <hr />
                </div>

                <div class="span4 element_img">                                        
                    <span data-picture data-alt="Castello di Udine">
                        <span data-src="img/percorsi/culturali_980.jpg" data-media="(max-width: 980px)"></span> 
                        <span data-src="img/percorsi/culturali_768.jpg" data-media="(min-width: 768px)"></span>
                        <span data-src="img/percorsi/culturali_768_2.jpg" data-media="(min-width: 768px) and (max-width: 979px)"></span>                         
                        <span data-src="img/percorsi/culturali_1200.jpg" data-media="(min-width: 1200px)"></span>

                        <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                        <noscript><img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript>
                    </span>
                </div>

                <div class="span4">
                    <p>Attraverso questi percorsi i turisti potranno scoprire un po’ di storia della cittadina udinese. “Udine sacra” presenta una rassegna di visite alle maggiori o caratteristiche chiese, con particolare attenzione agli affreschi del Tiepolo. “Udine e arte” invece è un percorso per chi vuole approfondire l’arte figurativa udinese.</p>
                </div>

                <div class="span4">
                    <ul>
                        <li><a class="btn" href="#">Udine sacra »</a></li>
                        <li><a class="btn" href="#">Udine e arte »</a></li>
                    </ul>
                    <p></p>
                </div>
            </div>
        </div>
    </div>
 

    <div class="separate">
        <div class="container">
            <div class="row intermedio">
                <div class="span12">
                    <h2>Enogastronomici</h2>
                    <hr />
                </div>

                <div class="span4 element_img">                                        
                    <span data-picture data-alt="Castello di Udine">
                        <span data-src="img/percorsi/test_980.jpg" data-media="(max-width: 980px)"></span> 
                        <span data-src="img/percorsi/test768.jpg" data-media="(min-width: 768px)"></span>
                        <span data-src="img/percorsi/test768_2.jpg" data-media="(min-width: 768px) and (max-width: 979px)"></span>                         
                        <span data-src="img/percorsi/test_1200.jpg" data-media="(min-width: 1200px)"></span>

                        <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                        <noscript><img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript>
                    </span>
                </div>

                <div class="span4">
                    <p>Attraverso questo tipo di percorsi i turisti verranno consigliati su una serie di ristoranti o locali che offrono specialità. In particolare “I vini friulani” rappresentano un percorso per i culturi dell’enologia, mentre, non solo per chi è una buona forchetta, consigliamo con “Specialità culinarie” di non perdere un assaggio ai  tipici piatti friulani.</p>
                </div>

                <div class="span4">
                    <ul>
                        <li><a class="btn" href="#">I vini friulani »</a></li>
                        <li><a class="btn" href="#">Specialità culinarie »</a></li>
                        <li><a class="btn" href="#">Musett e Bravade »</a></li>
                    </ul>
                    <p></p>
                </div>
            </div>
        </div>
    </div>



    <div id="footer">
        <div class="container">
            <div class="row">
                    <div class="span6">
                        <p>Graphics Udine</p>
                        <p>0432 123 456</p>
                        <p>info@udinedoc.it</p>
                    </div>
                    <div class="span6 social">
                        <p>
                            <img alt="" src="img/arrivare/f.png" />
                            <img alt="" src="img/arrivare/p.png" /><br />
                            <img alt="" src="img/arrivare/t.png" />
                            <img alt="" src="img/arrivare/v.png" />
                        </p>
                    </div>                           
            </div> 
        </div>      
    </div>

    

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
